/* Theme Name: blankslate-child Theme URI: https://cloudofcards.org/wp-content/themes/blankslate-child Description: My first child theme, based on blankslate Template: blankslate */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1; height:0px;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both} .sticky{}.bypostauthor{}/*.wp-caption{}.wp-caption-text{}*/.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} @font-face { font-family:'RiformaLLWeb-Medium'; src: url('fonts/RiformaLLWeb-Medium.woff2') format('woff2'), url('fonts/RiformaLLWeb-Medium.eot') format('eot'), url('fonts/RiformaLLWeb-Medium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family:'RiformaLLWeb-MediumItalic'; src: url('fonts/RiformaLLWeb-MediumItalic.woff2') format('woff2'), url('fonts/RiformaLLWeb-MediumItalic.eot') format('eot'), url('fonts/RiformaLLWeb-MediumItalic.woff') format('woff'); font-weight: normal; font-style: normal; } @-ms-viewport{width: device-width;} body{font-family:'RiformaLLWeb-Medium'; line-height:19px; margin:0; padding:0;} #wrapper{height:0;} #wpadminbar{display:none;} input:focus, textarea:focus, select:focus, button:focus{outline:none !important;} /*TYPO + TYPO MEDIA QUERIES*/ button{font-family:'RiformaLLWeb-Medium'; font-size:15px;} #site-title{font-size:15px; color:black;} #menu{font-size:15px;} #legende{font-size:15px; color:black;} div.tab button{font-size:15px;} .tabcontent{font-size:15px; font-variant-numeric:tabular-nums !important;} .page-id-2 #legende{font-size:15px;} @media screen and (max-width:3360px) and (orientation:landscape) { .page-id-2 #site-title{font-size:225px;} .page-id-2 .intro{font-size:40px; line-height:44px;} .page-id-2 #legende{font-size:40px;} #site-title{font-size:32px;} #menu{font-size:32px;} div.tab button{font-size:27px; line-height:31px !important;} .tabcontent{font-size:27px; line-height:29px;} .wp-caption-text{font-size:27px;} } @media screen and (max-width:3200px) and (orientation:landscape) { } @media screen and (max-width:3008px) and (orientation:landscape) { } @media screen and (max-width:2880px) and (orientation:landscape) { .page-id-2 #site-title{font-size:205px;} .page-id-2 .intro{font-size:35px; line-height:39px;} .page-id-2 #legende{font-size:35px;} #site-title{font-size:30px;} #menu{font-size:30px;} div.tab button{font-size:25px; line-height:29px !important;} .tabcontent{font-size:25px; line-height:27px;} .wp-caption-text{font-size:25px;} } @media screen and (max-width:2560px) and (orientation:landscape) { .page-id-2 #site-title{font-size:170px;} .page-id-2 .intro{font-size:30px; line-height:34px;} .page-id-2 #legende{font-size:30px;} #site-title{font-size:28px;} #menu{font-size:28px;} div.tab button{font-size:23px; line-height:27px !important;} .tabcontent{font-size:23px; line-height:25px;} .wp-caption-text{font-size:23px;} } @media screen and (max-width:2304px) and (orientation:landscape) { .page-id-2 #site-title{font-size:160px;} .page-id-2 .intro{font-size:28px; line-height:32px;} .page-id-2 #legende{font-size:28px;} #site-title{font-size:26px;} #menu{font-size:26px;} div.tab button{font-size:21px; line-height:25px !important;} .tabcontent{font-size:21px; line-height:23px;} .wp-caption-text{font-size:21px;} } @media screen and (max-width:2048px) and (orientation:landscape) { .page-id-2 #site-title{font-size:140px;} .page-id-2 .intro{font-size:24px; line-height:28px;} .page-id-2 #legende{font-size:24px;} #site-title{font-size:24px;} #menu{font-size:24px;} div.tab button{font-size:19px; line-height:23px !important;} .tabcontent{font-size:19px; line-height:21px;} .wp-caption-text{font-size:21px;} } @media screen and (max-width:1920px) and (orientation:landscape) { .page-id-2 #site-title{font-size:130px;} .page-id-2 .intro{font-size:24px; line-height:28px;} .page-id-2 #legende{font-size:24px;} #site-title{font-size:22px;} #menu{font-size:22px;} div.tab button{font-size:17px; line-height:21px !important;} .tabcontent{font-size:17px; line-height:19px;} .wp-caption-text{font-size:17px;} } @media screen and (max-width:1680px) and (orientation:landscape) { .page-id-2 #site-title{font-size:120px;} .page-id-2 .intro{font-size:23px; line-height:27px;} .page-id-2 #legende{font-size:23px;} #site-title{font-size:20px;} #menu{font-size:20px;} div.tab button{font-size:16px; line-height:20px !important;} .tabcontent{font-size:16px; line-height:18px;} .wp-caption-text{font-size:16px;} } @media screen and (max-width:1600px) and (orientation:landscape) { .page-id-2 #site-title{font-size:110px;} .page-id-2 .intro{font-size:22px; line-height:26px;} .page-id-2 #legende{font-size:22px;} #site-title{font-size:19px;} #menu{font-size:19px;} div.tab button{font-size:15px; line-height:19px !important;} .tabcontent{font-size:15px; line-height:17px;} .wp-caption-text{font-size:15px;} } @media screen and (max-width:1440px) and (orientation:landscape) { .page-id-2 #site-title{font-size:100px;} #site-title{font-size:17px;} #menu{font-size:17px;} } @media screen and (max-width:1344px) and (orientation:landscape) { .page-id-2 #site-title{font-size:90px;} .page-id-2 .intro{font-size:20px; line-height:24px;} .page-id-2 #legende{font-size:20px;} } @media screen and (max-width:1280px) and (orientation:landscape) { .page-id-2 #site-title{font-size:85px;} .page-id-2 .intro{font-size:18px;} .page-id-2 #legende{font-size:18px;} #site-title{font-size:16px;} #menu{font-size:16px;} div.tab button{font-size:14px;} .tabcontent{font-size:14px;} .wp-caption-text{font-size:14px;} } @media screen and (max-width:1152px) and (orientation:landscape) { .page-id-2 #site-title{font-size:78px;} .page-id-2 .intro{font-size:17px;} .page-id-2 #legende{font-size:17px;} #site-title{font-size:13px;} #menu{font-size:13px;} div.tab button{font-size:11.5px; line-height:16px !important;} .tabcontent{font-size:11.5px; line-height:14px;} .wp-caption-text{font-size:11.5px;} } @media screen and (max-width:1024px) and (orientation:landscape) { .page-id-2 #site-title{font-size:60px;} .page-id-2 .intro{font-size:12px; line-height:16px;} .page-id-2 #legende{font-size:12px;} #site-title{font-size:12px;} #menu{font-size:12px;} #legende{font-size:12px;} div.tab button{font-size:12px;} .tabcontent{font-size:12px; line-height:14px;} .wp-caption-text{font-size:12px;} } @media screen and (max-width:1024px) and (orientation:portrait) { .page-id-2 #site-title{font-size:80px; line-height:normal;} .page-id-2 .intro{font-size:18px; line-height:22px;} .page-id-2 #legende{font-size:18px;} #site-title{font-size:26px;} #menu{font-size:26px;} div.tab button{font-size:26px;} .tabcontent{font-size:26px; line-height:28px;} .wp-caption-text{font-size:26px;} } @media screen and (mx-width:960px) and (orientation:landscape) { .page-id-2 #site-title{font-size:60px;} .page-id-2 .intro{font-size:12px; line-height:16px;} .page-id-2 #legende{font-size:12px;} #site-title{font-size:12px;} #menu{font-size:12px;} #legende{font-size:12px;} div.tab button{font-size:12px;} .tabcontent{font-size:12px; line-height:14px;} .wp-caption-text{font-size:12px;} } @media screen and (max-width: 800px) and (orientation:landscape) { .page-id-2 #site-title{font-size:50px;} .page-id-2 .intro{font-size:12px; line-height:16px;} .page-id-2 #legende{font-size:12px;} #site-title{font-size:10px;} #menu{font-size:10px;} #legende{font-size:10px;} div.tab button{font-size:10px; line-height:13px !important;} .tabcontent{font-size:10px; line-height:12px;} .wp-caption-text{font-size:10px;} } @media screen and (max-width: 768px) and (orientation:portrait) { .page-id-2 #site-title{font-size:80px; line-height:normal;} .page-id-2 .intro{font-size:18px; line-height:22px;} .page-id-2 #legende{font-size:18px;} #site-title{font-size:26px;} #menu{font-size:26px;} div.tab button{font-size:26px;} .tabcontent{font-size:26px; line-height:28px;} .wp-caption-text{font-size:26px;} } @media screen and (max-width: 736px) and (orientation:landscape) { .page-id-2 #site-title{font-size:96px;} .page-id-2 .intro{font-size:14px; line-height:18px;} .page-id-2 #legende{font-size:14px;} #site-title{font-size:10px;} #menu{font-size:10px;} #legende{font-size:8px;} div.tab button{font-size:8px; line-height:11px !important;} .tab button link{} .tabcontent{font-size:8px; line-height:10px;} .wp-caption-text{font-size:8px;} } @media screen and (max-width: 684px) and (orientation:landscape){ .page-id-2 #site-title{font-size:88px;} .page-id-2 .intro{font-size:13px; line-height:17px;} .page-id-2 #legende{font-size:13px;} } @media screen and (max-width: 667px) and (orientation:landscape) { .page-id-2 #site-title{font-size:85px;} #site-title{font-size:9px;} #menu{font-size:9px;} #legende{font-size:7px;} div.tab{line-height:9px;} div.tab button{font-size:7px; line-height:9px !important;} .tabcontent{font-size:7px; line-height:9px;} .wp-caption-text{font-size:7px;} } @media screen and (max-width: 600px) and (orientation:landscape) { .page-id-2 #site-title{font-size:75px;} .page-id-2 .intro{font-size:11px; line-height:15px;} .page-id-2 #legende{font-size:11px;} #site-title{font-size:8px;} #menu{font-size:8px;} ul li{line-height:8px;} div.tab button{font-size:7px; line-height:10px !important;} .tabcontent{font-size:7px; line-height:9px;} .wp-caption-text{font-size:7px;} } @media screen and (max-width: 593px) and (orientation:portrait) { .page-id-2 #site-title{font-size:60px;} .page-id-2 .intro{font-size:18px; line-height:22px;} .page-id-2 #legende{font-size:18px;} } @media screen and (max-width: 568px) and (orientation:landscape) { .page-id-2 #site-title{font-size:60px;} .page-id-2 .intro{font-size:9px; line-height:13px;} .page-id-2 #legende{font-size:9px;} #site-title{font-size:8px;} #menu{font-size:8px;} #legende{font-size:8px;} div.tab button{font-size:6.5px; line-height:9.5px !important;} .tabcontent{font-size:6.5px; line-height:8.5px;} .wp-caption-text{font-size:6.5px;} } @media screen and (max-width: 414px) and (orientation:portrait) { .page-id-2 #site-title{font-size:50px;} .page-id-2 .intro{font-size:15px; line-height:19px;} .page-id-2 #legende{font-size:15px;} #menu{font-size:14px;} ul li{line-height:18px;} .tabcontent{font-size:14px; line-height:16px;} .wp-caption-text{font-size:14px;} } @media screen and (max-width: 384px) and (orientation:portrait) { .page-id-2 #site-title{font-size:45px;} .page-id-2 .intro{font-size:14px; line-height:18px;} .page-id-2 #legende{font-size:14px;} #menu{font-size:16px;} div.tab button{font-size:16px; line-height:18px; } .tabcontent{font-size:16px;} .wp-caption-text{font-size:16px;} } @media screen and (max-width: 375px) and (orientation:portrait) { } @media screen and (max-width: 320px) and (orientation:portrait) { .page-id-2 #site-title{font-size:40px;} #menu{font-size:12px;} #menu ul li{line-height:20px; } div.tab button{font-size:12px;} .tabcontent{font-size:12px; line-height:14px;} .wp-caption-text{font-size:12px;} } /* CSS POUR HOMEPAGE FULLSCREEN*/ .page-id-2 #container{top:0vh; height:100vh; left:0;} .page-id-2 #site-title a{text-decoration:none; color:white;} .page-id-2 #site-title a:hover{color:white; text-decoration:none;} .page-id-2 #site-title{position:fixed; width:65%; top:0px; left:0px; margin:6% 0px 0px 3%; padding:0px;} .page-id-2 .intro{position:fixed; width:35%; top:0px; right:0px; margin:5% 3% 0px 0px; padding:0px; color:white; z-index:9999999999999;} .page-id-2 #legende{color:white; position:fixed; width:65%; left:0; bottom:0; margin:0 0 2% .5%; padding:0px; display:none;} .page-id-29 .logos{/*position:fixed; width:38%; bottom:0px; right:0px; z-index:9999999999;*/ margin:0px; padding:0px;} .page-id-29 .logos ul li{display:block; list-style:none; /*float:right;*/ list-style-type:none; text-align:left; padding-left:0px; margin-left:0px;} .page-id-29 .logos ul li img{width:auto; height:32px; margin:0px; padding:0px;} /*CSS POUR LE RESTE DU SITE*/ a{text-decoration:none; color:black;} a:visited{text-decoration:none; color:black;} button{background:none;border:none; padding:0px; margin:0px; text-align:center; cursor:pointer;} #container{background:none; position:fixed; top:0px; left:0; width:100vw; height:100vh; z-index:-1;} .page-id-2 .intro a{color:white; text-decoration:none;} .page-id-2 .intro a:hover{color:white; text-decoration:none;} #site-title{width:300px; height:auto; position:fixed; top:0px; left:0px; background:none; padding-left:20px; padding-top:20px; margin:0;} #site-title a:hover{color:black; text-decoration:none;} #menu{background:none; position:fixed; height:auto; top:0px; padding-top:30px; margin:0; padding:0; z-index:0;} #menu ul li a{color:#CCC;} ul li{display:inline;} li.current-menu-item a{color:black !important;} #menu ul li a:hover{color:black;} .menu li.A a:before{content:"19'' Living Rack ";} .menu li.B a:before{content:"Processing Library ";} .menu li.C a:before{content:"5 Folders Cloud ";} .menu li.D a:before{content:"5 Connected Objects ";} .entry-content p{display:block;} .multimg{overflow-y:scroll; overflow:auto; position:fixed; display: -webkit-flex; display: flex; -webkit-flex-flow:row wrap; flex-flow:row wrap; justify-content: flex-start; -webkit-justify-content:flex-start; } .multimg::-webkit-scrollbar{display:none;} .multimg img{width:auto;} .wp-caption-text, .multimg img{margin-left:20px;} .wp-caption-text {margin-bottom:20px;} .wp-caption {width:auto !important;} .page-id-29 .multimg{overflow-y:scroll; overflow:auto; position:fixed;} .page-id-29 .multimg::-webkit-scrollbar{display:none;} .page-id-29 .multimg img{width:auto;} .page-id-29 .wp-caption-text, .page-id-2 .multimg img{margin-right:20px;} .page-id-29 .wp-caption-text{margin-bottom:30px;} .page-id-29 .multimgP{overflow-y:scroll; overflow:auto; position:fixed;} .page-id-29 .multimgP::-webkit-scrollbar{display:none;} .page-id-29 .multimgP img{width:auto;} .page-id-2 .multimgP img{margin-right:20px;} .hiddenImgPublications{position:fixed; width:97.2%; height:90%; right:20px; /*background:transparent;*/ z-index:0; cursor:pointer; display:none;} .hiddenImgStatement{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:block;} .hiddenImgText{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:block;} .hiddenImgMainRecipe{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:none;} .hiddenImgRecipe{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:none;} .hiddenImgDownloads{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:none;} .hiddenImgBlog{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:none;} .hiddenImgColophon{position:fixed; width:97.2%; height:90%; left:20px; background:transparent; z-index:0; cursor:pointer; display:none;} /*container for the developped tabs*/ div.tab{position:fixed; width:35%; margin:0px; left:20px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} /* Style the buttons inside the tab */ div.tab button{display:block; transition:0.3s; line-height:19px; color:#CCC;} /* Change background color of buttons on hover */ div.tab button:hover{color:black;} /* Create an active/current tablink class */ div.tab button.active{color:black;} /* Style the tab content */ .tabcontent{position:fixed; width:55%; height:90%; top:45px; overflow-y:scroll; overflow:auto; left:0px; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} .tabcontent a:hover{text-decoration:underline;} .tabcontent p{position:relative; width:60%; height:auto; -webkit-animation:transition .5s linear; animation:transition .5s linear; margin-left:20px;} .tabcontent::-webkit-scrollbar{display:none;} .tabcontent{-ms-overflow-style:none;} div#Blog.tabcontent p {width:90%;} div#Colophon.tabcontent p{width:90%;} .tabcontent2{ margin:0; padding:0; position:fixed; top:45px; left:421px; height:60%; width:120px; -webkit-animation:transition2 .5s linear; animation:transition2 .5s linear ; display:none; background: rgba(255,255,255,0); background: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(right top, left top, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: linear-gradient(to left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} .formClass{position:fixed; top:95%; left:20px; display:none;} .backForm{position:fixed; bottom:0; left:20px; display:none; width:100%; background:white; height:10%;} /* Fade in tabs */ @-webkit-keyframes transition { from {opacity:0; left:-815px;} to {opacity:1; left:20px;} } @keyframes transition { from {opacity:0; left:-815px;} to {opacity:1; left:20px;} } @-webkit-keyframes transition2 { from {opacity:0; left:-415px;} to {opacity:1; left:415px;} } @keyframes transition2 { from {opacity:0; left:-415px;} to {opacity:1; left:415px;} } .imgContainerPortrait{overflow-y:scroll; position:fixed; padding:5% 0 5% 0; display:none;} #closerHandler{cursor:w-resize;} #cc{ /*-webkit-column-count:2; -moz-column-count:2; column-count:2;*/ width:60%; height:80%; display:flex; margin-left:20px; } .ccleft{width:55%;} .ccright{width:45%;} .page-id-29 .slider-publications-landscape{display:none;} /* ----------- MEDIA QUERIES ----------- */ @media screen and (max-width:3360px) and (orientation:landscape) { .page-id-2 .slider-vitrine-landscape{display:block;} .page-id-2 .slider-vitrine-portrait{display:none;} .page-id-2 .intro{margin:5% 3% 0px 0px; padding:0px;} /*.page-id-2 .logos{margin:0 0% 2% 0px;} .page-id-2 .logos ul li{}*/ .page-id-29 .logos ul li img{height:65px; margin:0px; padding:0px;} #site-title{padding:30px 0px 0px 20px;} ul li{padding-right:115px; padding-left:45px;} #menu{padding-top:30px; left:35%; width:80%;} .page-id-29 .ms-view{width:115.5% !important; height:94.5% !important; top:70px; margin-left:20px;} .hiddenImgPublications{top:70px;} .hiddenImgStatement{width:115.5%; height:94.5%; top:70px;} .hiddenImgText{width:115.5%; height:94.5%; top:70px;} .hiddenImgMainRecipe{width:115.5%; height:94.5%; top:70px;} .hiddenImgRecipe{width:115.5%; height:94.5%; top:70px;} .hiddenImgDownloads{width:115.5%; height:94.5%; top:70px;} .hiddenImgBlog{width:115.5%; height:94.5%; top:70px;} .hiddenImgColophon{width:115.5%; height:94.5%; top:70px;} div.tab{top:70px; height:14%;} .tabcontent{top:70px; height:94.5%;} .tabcontent::before{content:'\A\A\A\A\A\A\A\A\A'; display:block; white-space:pre-wrap;} .tabcontent2{display:none;} .formClass{display:none;} .backForm{display:none;} .multimg{width:64%; height:94.5%; top:70px; right:25px;} .multimg img{height:600px;} .wp-caption-text, .multimg img{margin-left:35px;} .wp-caption-text {margin-top:10px; margin-bottom:35px; margin-left:35px;} .wp-caption {width:auto !important;} .page-id-29 .multimg{width:64%; height:87%; top:70px; right:25px; display:none;} .page-id-29 .multimg img{height:320px;} .page-id-29 .multimgP{width:64%; height:87%; top:70px; right:25px; display:flex; display:-webkit-flex;} .page-id-29 .multimgP img{height:320px;} .imgContainerPortrait{display:none !important;} .imgContainerPortrait img{height:100%; width:auto; margin-bottom:15%;} .mobilePImg{display:none !important;} } @media screen and (max-width:3200px) and (orientation:landscape) { } @media screen and (max-width:3008px) and (orientation:landscape) { .page-id-2 .intro{margin:5% 3% 0px 0px; padding:0px;} /*.page-id-2 .logos{margin:0 0% 2% 0px;} .page-id-2 .logos ul li{}*/ .page-id-29 .logos ul li img{height:65px; margin:0px; padding:0px;} #site-title{padding:30px 0px 0px 20px;} ul li{padding-right:85px; padding-left:45px;} #menu{padding-top:30px; width:80%;} .page-id-29 .ms-view{width:108.5% !important; height:94.5% !important; top:70px; margin-left:20px;} .hiddenImgPublications{top:70px;} .hiddenImgStatement{width:108.5% !important; height:94.5%; top:70px;} .hiddenImgText{width:108.5% !important; height:94.5%; top:70px;} .hiddenImgMainRecipe{width:108.5% !important; height:94.5%; top:70px;} .hiddenImgRecipe{width:108.5% !important; height:94.5%; top:70px;} .hiddenImgDownloads{width:108.5% !important; height:94.5%; top:70px;} .hiddenImgBlog{width:108.5% !important; height:94.5%; top:70px;} .hiddenImgColophon{width:108.5% !important; height:94.5%; top:70px;} div.tab{top:70px; height:14%;} .tabcontent{top:70px; height:94.5%;} .tabcontent::before{content:'\A\A\A\A\A\A\A\A\A';} .multimg{width:64%; height:94.5%; top:70px; right:25px;} .multimg img{height:560px;} .wp-caption-text, .multimg img{margin-left:38px;} .wp-caption-text {margin-top:10px; margin-bottom:35px; margin-left:38px;} .page-id-29 .multimg{width:64%; height:87%; top:70px; right:25px; display:none;} .page-id-29 .multimg img{height:320px;} .page-id-29 .multimgP{width:64%; height:87%; top:70px; right:25px;} .page-id-29 .multimgP img{height:320px;} .imgContainerPortrait{display:none !important;} .imgContainerPortrait img{height:100%; width:auto; margin-bottom:15%;} } @media screen and (max-width:2880px) and (orientation:landscape) { .page-id-2 #site-title{margin:6% 0px 0px 3%; padding:0px;} .page-id-29 .logos ul li img{height:55px; margin:0px; padding:0px;} .page-id-29 .ms-view{width:103.8% !important; height:94% !important; top:70px;} ul li{padding-right:85px;} #menu{left:34.5%;} .wp-caption-text, .multimg img{margin-left:30px;} .wp-caption-text {margin-top:10px; margin-bottom:30px; margin-left:30px;} .hiddenImgPublications{width:103.8% !important; height:94% !important;top:70px;} .hiddenImgStatement{width:103.8% !important; height:94% !important; top:70px;} .hiddenImgText{width:103.8% !important; height:94% !important; top:70px;} .hiddenImgMainRecipe{width:103.8% !important; height:94% !important; top:70px;} .hiddenImgRecipe{width:103.8% !important; height:94% !important; top:70px;} .hiddenImgDownloads{width:103.8% !important; height:94% !important; top:70px;} .hiddenImgBlog{width:103.8% !important; height:94% !important; top:70px;} .hiddenImgColophon{width:103.8% !important; height:94% !important; top:70px;} div.tab{top:70px; height:14%;} .tabcontent{top:70px; height:94%;} .tabcontent::before{display:block; white-space:pre-wrap;} .tabcontent2{display:none;} .formClass{display:none;} .backForm{display:none;} .multimg{width:64%; height:94%; top:70px;} .multimg img{height:500px;} .page-id-29 .multimg{width:64%; height:87%; top:60px; right:25px; display:none;} .page-id-29 .multimg img{height:320px;} .page-id-29 .multimgP{width:64%; height:87%; top:60px; right:25px;} .page-id-29 .multimgP img{height:320px;} .imgContainerPortrait{display:none !important;} .imgContainerPortrait img{height:100%; width:auto; margin-bottom:15%;} .mobilePImg{display:none !important;} } @media screen and (max-width:2560px) and (orientation:landscape) { .page-id-2 .ms-view{top:-180px;} .page-id-29 .logos ul li img{height:50px; margin:0px; padding:0px;} .page-id-29 .ms-view{width:98.5% !important; top:65px !important;} ul li{padding-right:55px;} div.tab{top:65px; height:14%;} .tabcontent{top:65px;} .hiddenImgPublications{width:98.5% !important; top:65px;} .hiddenImgStatement{width:98.5% !important; top:65px;} .hiddenImgText{width:98.5% !important; top:65px;} .hiddenImgMainRecipe{width:98.5% !important; top:65px;} .hiddenImgRecipe{width:98.5% !important; top:65px;} .hiddenImgDownloads{width:98.5% !important; top:65px;} .hiddenImgBlog{width:98.5% !important; top:65px;} .hiddenImgColophon{width:98.5% !important; top:65px;} .multimg img{height:480px;} .page-id-29 .multimg img{height:460px;} .page-id-29 .multimgP img{height:460px;} } @media screen and (max-width:2304px) and (orientation:landscape){ .page-id-2 .ms-view{top:-180px;} .page-id-29 .logos ul li img{height:50px; margin:0px; padding:0px;} .page-id-29 .ms-view{width:98% !important; height:93% !important; top:65px !important;} ul li{padding-right:38px;} div.tab{top:65px; height:14%;} .tabcontent{top:65px; height:93%;} .wp-caption-text, .multimg img{margin-left:35px;} .wp-caption-text {margin-bottom:35px; margin-left:35px;} .hiddenImgPublications{width:98% !important; height:93% !important; top:65px;} .hiddenImgStatement{width:98% !important; height:93% !important; top:65px;} .hiddenImgText{width:98% !important; height:93% !important; top:65px;} .hiddenImgMainRecipe{width:98% !important; height:93% !important; top:65px;} .hiddenImgRecipe{width:98% !important; height:93% !important; top:65px;} .hiddenImgDownloads{width:98% !important; height:93% !important; top:65px;} .hiddenImgBlog{width:98% !important; height:93% !important; top:65px;} .hiddenImgColophon{width:98% !important; height:93% !important; top:65px;} .multimg{height:93%; top:65px;} .multimg img{height:415px;} .page-id-29 .multimg img{height:460px;} .page-id-29 .multimgP img{height:460px;} } @media screen and (max-width:2048px) and (orientation:landscape) { .page-id-2 .logos{width:38%; margin:0 3% 2% 0px; padding:0px;} .page-id-29 .logos ul li img{height:45px; margin:0px; padding:0px;} .page-id-29 .ms-view{height:92.5% !important; top:60px !important;} #site-title{padding:25px 0px 0px 20px;} ul li{padding-right:25px; padding-left:40px;} #menu{padding-top:25px;} div.tab{top:60px; height:14%;} .tabcontent{top:60px; height:92.5%;} .hiddenImgPublications{height:92.5% !important; top:60px;} .hiddenImgStatement{height:92.5% !important; top:60px;} .hiddenImgText{height:92.5% !important; top:60px;} .hiddenImgMainRecipe{height:92.5% !important; top:60px;} .hiddenImgRecipe{height:92.5% !important; top:60px;} .hiddenImgDownloads{height:92.5% !important; top:60px;} .hiddenImgBlog{height:92.5% !important; top:60px;} .hiddenImgColophon{height:92.5% !important; top:60px;} .multimg{height:92.5%; top:60px;} .multimg img{height:380px;} .page-id-29 .multimg img{height:380px;} .page-id-29 .multimgP img{height:380px;} } @media screen and (max-width: 1920px) and (orientation:landscape) { .page-id-2 .ms-view{top:-200px;} .page-id-29 .ms-view{top:60px !important;} .page-id-29 .ms-slide-bgcont{top:-80px;} .wp-caption-text, .multimg img{margin-left:40px;} .wp-caption-text {margin-bottom:25px; margin-left:40px;} div.tab{top:60px;} .tabcontent{top:60px;} .hiddenImgPublications{top:60px;} .hiddenImgStatement{top:60px;} .hiddenImgText{top:60px;} .hiddenImgMainRecipe{top:60px;} .hiddenImgRecipe{top:60px;} .hiddenImgDownloads{top:60px;} .hiddenImgBlog{top:60px;} .hiddenImgColophon{top:60px;} .multimg img{height:340px;} .page-id-29 .multimg img{height:360px;} .page-id-29 .multimgP img{height:360px;} } @media screen and (max-width: 1680px) and (orientation:landscape) { .page-id-2 .ms-view{top:-140px;} .page-id-29 .logos ul li img{height:37px;} .page-id-29 .ms-view{width:97.5% !important; top:50px !important;} #site-title{padding-top:20px;} #menu{padding-top:20px; left:34%;} ul li{padding-right:10px;} .wp-caption-text, .multimg img{margin-left:35px;} .wp-caption-text{margin-top:5px; margin-bottom:20px; margin-left:35px;} .hiddenImgPublications{width:97.5% !important; top:50px;} .hiddenImgStatement{width:97.5% !important; top:50px;} .hiddenImgText{width:97.5% !important; top:50px;} .hiddenImgMainRecipe{width:97.5% !important; top:50px;} .hiddenImgRecipe{width:97.5% !important; top:50px;} .hiddenImgDownloads{width:97.5% !important; top:50px;} .hiddenImgBlog{width:97.5% !important; top:50px;} .hiddenImgColophon{width:97.5% !important; top:50px;} div.tab{height:13%; top:50px;} .tabcontent{height:92.5%; top:50px;} .multimg{width:64%; height:92.5%; top:50px; right:25px;} .multimg img{height:300px;} .page-id-29 .multimg{width:64%; height:87%; top:60px; right:25px;} .page-id-29 .multimg img{height:320px;} .page-id-29 .multimgP{width:64%; height:87%; top:60px; right:25px;} .page-id-29 .multimgP img{height:320px;} } @media screen and (max-width: 1600px) and (orientation:landscape) { .page-id-2 .ms-view{top:-140px;} /*.page-id-29 .logos ul li img{height:37px;}*/ .page-id-29 .ms-view{width:97.5% !important; height:91.5% !important; top:50px !important;} #site-title{padding-top:20px;} #menu{padding-top:20px; left:34.5%;} ul li{padding-right:5px; padding-left:30px;} .wp-caption-text, .multimg img{margin-left:35px;} .wp-caption-text{margin-top:5px; margin-bottom:20px; margin-left:35px;} .hiddenImgPublications{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgStatement{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgText{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgMainRecipe{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgRecipe{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgDownloads{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgBlog{width:97.5% !important; height:91.5% !important; top:50px;} .hiddenImgColophon{width:97.5% !important; height:91.5% !important; top:50px;} div.tab{height:13%; top:50px;} .tabcontent{height:91.5%; top:50px;} .multimg{width:64%; height:91.5%; top:50px; right:25px;} .multimg img{height:265px;} .page-id-29 .multimg{width:64%; height:87%; top:60px; right:25px;} .page-id-29 .multimg img{height:320px;} .page-id-29 .multimgP{width:64%; height:87%; top:60px; right:25px;} .page-id-29 .multimgP img{height:320px;} } @media screen and (max-width: 1440px) and (orientation:landscape) { .page-id-2 .ms-view{top:-100px;} .page-id-2 #site-title{ margin:6% 0px 0px 3%; padding:0px;} #site-title{padding-top:15px;} #menu{padding-top:15px; left:34%;} ul li{padding-right:1px; padding-left:40px;} div.tab{height:15%; top:45px;} .tabcontent{top:45px; height:91%;} .wp-caption-text, .multimg img{margin-left:27px;} .wp-caption-text {margin-bottom:30px; margin-left:27px;} .tabcontent::before{content:'\A\A\A\A\A\A\A';} .hiddenImgPublications{width:97% !important; height:91% !important; top:45px; background:red; opacity:.5;} .hiddenImgStatement{width:97% !important; height:91% !important; top:45px;} .hiddenImgText{width:97% !important; height:91% !important; top:45px;} .hiddenImgMainRecipe{width:97% !important; height:91% !important; top:45px;} .hiddenImgRecipe{width:97% !important; height:91% !important; top:45px;} .hiddenImgDownloads{width:97% !important; height:91% !important; top:45px;} .hiddenImgBlog{width:97% !important; height:91% !important; top:45px;} .hiddenImgColophon{width:97% !important; height:91% !important; top:45px;} .page-id-29 .ms-view{width:97% !important; height:91% !important; top:45px !important;} .multimg{width:64%; height:91%; top:45px; right:15px; } .multimg img{height:250px; width:auto;} .page-id-29 .multimg{width:64%; height:87%; top:45px; right:25px;} .page-id-29 .multimg img{height:280px;} .page-id-29 .multimgP{width:64%; height:87%; top:45px; right:25px;} .page-id-29 .multimgP img{height:280px;} .left{display:inline;} .middle{display:inline;} .right{display:none;} .middle:after{content:"(…)";} } @media screen and (max-width: 1366px) and (orientation:landscape) { .page-id-2 .ms-view{top:0px;} #menu{padding-top:15px; left:34.75%;} ul li{padding-right:0px; padding-left:28px;} div.tab{height:12%; top:44px;} .tabcontent{top:44px; height:91.3%;} } @media screen and (max-width: 1344px) and (orientation:landscape) { .page-id-2 .ms-view{top:-100px;} /*.page-id-2 .logos{width:38%; margin:0 3% 2% 0px; padding:0px;}*/ .page-id-29 .logos ul li img{height:35px; margin:0px; padding:0px;} #menu{left:35.5%;} ul li{padding-right:7px; padding-left:20px;} div.tab{height:15%; top:45px;} .tabcontent{top:45px; height:91%;} .wp-caption-text, .multimg img{margin-left:30px;} .wp-caption-text {margin-bottom:30px; margin-left:30px;} .multimg{width:70%; left:35%; height:91%; right:0px;} .multimg img{height:230px;} .page-id-29 .multimg{width:65%; height:87%; top:50px; right:25px;} .page-id-29 .multimg img{height:260px;} .page-id-29 .multimgP{width:65%; height:87%; top:50px; right:25px;} .page-id-29 .multimgP img{height:260px;} } @media screen and (max-width: 1280px) and (orientation:landscape) { .page-id-2 .ms-view{top:-20px;} /*.page-id-2 .logos ul li{margin-right:30px;}*/ .page-id-29 .logos ul li img{height:30px; margin:0px; padding:0px; } .page-id-29 .ms-view{height:90% !important;} #site-title{width:auto;} #menu{left:35.75%;} div.tab{height:22%;} .tabcontent{height:90%;} .multimg{height:90%;} .multimg img{height:220px;} .page-id-29 .multimg{width:65%; height:87%; top:50px; right:20px;} .page-id-29 .multimg img{height:255px;} .page-id-29 .multimgP{width:65%; height:87%; top:50px; right:20px;} .page-id-29 .multimgP img{height:255px;} } @media screen and (max-width: 1152px) and (orientation:landscape) { /*.page-id-2 .ms-view{top:0px;}*/ .page-id-29 .logos ul li img{height:20px; margin:0px; padding:0px; } .page-id-29 .ms-view{width:96.5% !important; height:89% !important;} #menu{left:34%;} ul li{padding-left:30px; padding-right:10px;} div.tab{height:18%;} .tabcontent{height:89%;} .tabcontent::before{content:'\A\A\A\A\A\A\A\A';} .multimg{width:65%; height:89%;} .multimg img{height:190px;} .wp-caption-text, .multimg img{margin-left:20px;} .wp-caption-text {margin-bottom:30px; margin-left:20px;} /*.page-id-29 .multimg{width:63%; height:87%; top:50px; right:20px;} .page-id-29 .multimg img{height:190px;} .page-id-29 .multimgP{width:63%; height:87%; top:50px; right:20px;} .page-id-29 .multimgP img{height:220px;}*/ .hiddenImgPublications{width:96.5% !important; height:89% !important;} .hiddenImgStatement{width:96.5% !important; height:89% !important;;} .hiddenImgText{width:96.5% !important; height:89% !important;} .hiddenImgMainRecipe{width:96.5% !important; height:89% !important;} .hiddenImgRecipe{width:96.5% !important; height:89% !important;} .hiddenImgDownloads{width:96.5% !important; height:89% !important;} .hiddenImgBlog{width:96.5% !important; height:89% !important;} .hiddenImgColophon{width:96.5% !important; height:89% !important;} } @media screen and (max-width: 1024px) and (orientation:landscape) { .page-id-2 .logos{width:45%; bottom:0px; right:0px; margin:0 1% 3% 0; padding:0px;} /*.page-id-2 .loos ul li{margin-right:0px;}*/ .page-id-29 .logos ul li img{height:16px; margin:0px; padding:0px;} .page-id-29 .ms-view{width:96% !important; height:90% !important; top:45px !important;} .page-id-29 #legende{display:none;} /*.page-id-29 #menu{background:none; position:fixed; height:auto; top:20px; right:0px; z-index:0;} .page-id-29 ul li{display:inline !important; margin-right:15px;} .page-id-29 #legende{right:2.2%;} .page-id-29 div.tab{padding-top:0px; left:18px; height:17%;} .page-id-29 div.tab button{margin-left:2px;} .page-id-29 .tabcontent{top:45px; padding-top:20px; *//*width:33%;*/ /*left:0px; height:87.5%;} .page-id-29 .tabcontent p{*//*width:85%;*//*} .page-id-29 .tabcontent2{top:40px; width:200px; left:368px; /*height:600px;*//*}*/ .hiddenImgPublications{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgStatement{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgText{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgMainRecipe{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgRecipe{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgDownloads{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgBlog{width:96% !important; height:90% !important; top:45px !important;} .hiddenImgColophon{width:96% !important; height:90% !important; top:45px !important;} .tabcontent::before{content:'\A\A\A\A\A\A\A\A';} .wp-caption-text, .multimg img{margin-left:20px;} .wp-caption-text {margin-bottom:15px; margin-top:0px; margin-left:20px;} .multimg{width:64%; height:90%; top:45px; right:18px;} .multimg img{height:175px;} .page-id-29 .multimg{width:64%; height:87%; top:50px; right:18px;} .page-id-29 .multimg img{height:175px;} .page-id-29 .multimgP{width:64%; height:87%; top:50px; right:18px;} .page-id-29 .multimgP img{height:195px;} #menu{background:none; position:fixed; height:auto; top:0px; left:36.5%; right:0px; z-index:0;} ul li{display:inline !important; margin-right:15px; padding-right:8px; padding-left:5px;} #legende{right:2.2%;} div.tab{padding-top:0px; left:18px; height:18%;} div.tab button{margin-left:2px;} .tabcontent{top:45px; left:36.5%; padding-top:0px; left:0px; height:90%;} .tabcontent p{} .tabcontent2{top:40px; width:200px; left:368px;} @-webkit-keyframes transition { from {opacity:0; left:-550px;} to {opacity:1; left:20px;} } @keyframes transition { from {opacity: 0; left:-550px;} to {opacity: 1; left:20px;} } @-webkit-keyframes transition2 { from {opacity: 0; left:-200px;} to {opacity: 1; left:368px;} } @keyframes transition2 { from {opacity: 0; left:-200px;} to {opacity: 1; left:368px;} } .imgContainerPortrait{display:none !important;} } @media screen and (max-width: 1024px) and (orientation:portrait) { .page-id-2 .ms-view{top:-25px;} .page-id-2 .slider-vitrine-landscape{display:none;} .page-id-2 .slider-vitrine-portrait{display:block;} .multimg{display:none;} .page-id-29 .multimg{display:none;} .page-id-29 .multimgP{display:none;} .tabcontent{background:white; left:0px;} .tabcontent2{display:block;} .imgContainerPortrait{display:none;} .imgContainerPortrait img{height:100%; width:auto; margin-bottom:15%;} .mobilePImg{display:none;} .page-id-2 #site-title{width:90%; top:0px; left:0px; margin:6% 0px 0px 3%;} .page-id-2 .intro{width:65%; top:0px; left:0px; margin:20% 0px 0px 3%;} .page-id-2 #legende{display:block; color:white; position:fixed; width:65%; left:0; bottom:0; margin:0 0 2% 3%; padding:0px;} /*.page-id-2 .logos{width:65%; bottom:0px; right:0px; margin:0 3% 2% 0px; padding:0px;} .page-id-2 .logos ul li{display:inline; float:right; margin-left:20px;}*/ .page-id-29 .logos ul li img{width:auto; height:25px; margin:0px; padding:0px; } .page-id-29 .ms-view{display:none;} .page-id-29 .slider-kit-landscape{display:none;} .page-id-29 .slider-publications-landscape{display:none;} .page-id-846 .slider-B-landscape{display:none;} #menu{background:none; position:fixed; height:auto; top:20px; right:15px; z-index:0;} ul li{margin-left:45px; margin-right:0px; display:inline !important;} #legende{display:none;} div.tab{display:none !important;} .tabcontent{top:100px; width:100%; padding-top:50px; height:730px; overflow-y:scroll; overflow:auto;} .tabcontent:after{content:'\A\A\A\A\A\A\A\A\A\A\A\A\A'; display: block; white-space: pre-wrap;} .tabcontent p{left:0px; width:91%;} .tabcontent2{top:82%; width:100%; left:0px; height:150px; display:block; -webkit-animation:none; animation:none; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(right top, left top, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} .tabcontentI{position:fixed; z-index:20; left:0px; top:90px; width:100%; height:75px; display:block; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(right bottom, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} .menu li.A a:before{content:none;} .menu li.B a:before{content:none;} .menu li.C a:before{content:none;} .menu li.D a:before{content:none;} .multimg{display:none !important;} .page-id-29 .multimg{display:none !important;} .page-id-29 .multimgP{display:none !important;} @-webkit-keyframes transition { from {opacity: 0; top:768px;} to {opacity: 1; top:100px;} } @keyframes transition { from {opacity: 0; top:768px;} to {opacity: 1; top:100px;} } .formClass{display:block; top:93.5%;} .backForm{display:block; background:none;} .hiddenImgPublications{display:none !important;} .hiddenImgStatement{display:none !important;} .hiddenImgText{display:none !important;} .hiddenImgMainRecipe{display:none !important;} .hiddenImgRecipe{display:none !important;} .hiddenImgDownloads{display:none !important;} .hiddenImgBlog{display:none !important;} .hiddenImgColophon{display:none !important;} .imgContainerPortrait{display:none; left:0px; top:18%; width:100%; height:60%; text-align:center;} .imgContainerPortrait img{height:100%; width:auto; margin-bottom:15%;} .mobilePImg{display:none; left:0px; top:18%; width:100%; height:60%; text-align:center;} .mobilePImg img{height:100%; width:auto; margin-bottom:15%;} .left{display:inline;} .middle{display:inline;} .right{display:none;} .middle:after{content:"(…)";} } @media screen and (max-width: 960px) and (orientation:landscape) { /*.page-id-2 .ms-view{top:0px;}*/ /*.page-id-2 .logos{width:45%; bottom:0px; right:0px; margin:0 1% 3% 0; padding:0px;} .page-id-2 .loos ul li{margin-right:0px;}*/ .page-id-29 .logos ul li img{height:16px; margin:0px; padding:0px;} .page-id-29 .ms-view{height:88% !important; top:40px !important;} .page-id-29 #legende{display:none;} .tabcontent::before{content:'\A\A\A\A\A\A\A\A\A';} .wp-caption-text, .multimg img{margin-left:20px;} .wp-caption-text {margin-bottom:15px; margin-top:0px; margin-left:20px;} .multimg{width:64%; height:88%; top:40px; right:18px;} .multimg img{height:160px;} .page-id-29 .multimg{width:64%; height:87%; top:50px; right:18px;} .page-id-29 .multimg img{height:175px;} .page-id-29 .multimgP{width:64%; height:87%; top:50px; right:18px;} .page-id-29 .multimgP img{height:195px;} #menu{background:none; position:fixed; height:auto; top:0px; left:37%; right:0px; z-index:0;} ul li{display:inline !important; margin-right:13px; padding-right:6px; padding-left:0px;} .hiddenImgPublications{height:88% !important; top:40px !important;} .hiddenImgStatement{height:88% !important; top:40px !important;} .hiddenImgText{height:88% !important; top:40px !important;} .hiddenImgMainRecipe{height:88% !important; top:40px !important;} .hiddenImgRecipe{height:88% !important; top:40px !important;} .hiddenImgDownloads{height:88% !important; top:40px !important;} .hiddenImgBlog{height:88% !important; top:40px !important;} .hiddenImgColophon{height:88% !important; top:40px !important;} #legende{right:2.2%;} div.tab{padding-top:0px; margin-top:-5px; left:18px; width:34%; height:25%;} div.tab button{margin-left:2px;} .tabcontent{top:40px; left:36.5%; padding-top:0px; left:0px; height:88%;} .tabcontent p{} .tabcontent2{top:40px; width:200px; left:368px;} } @media screen and (max-width: 800px) and (orientation:landscape) { /*.page-id-2 .logos{width:45%; bottom:0px; right:0px; margin:0 1% 3% 0; padding:0px;} .page-id-2 .loos ul li{margin-right:0px;}*/ .page-id-29 .logos ul li img{height:13px; margin:0px; padding:0px;} .page-id-29 .ms-view{width:95% !important;} .multimg{width:66%; height:88%; top:40px; right:10px; display:flex; display:-webkit-flex;} .multimg img{height:130px;} .page-id-29 .multimg{width:66%; height:87%; top:50px; right:10px; display:none;} .page-id-29 .multimg img{height:160px;} .page-id-29 .multimgP{width:66%; height:87%; top:50px; right:10px; display:flex; display:-webkit-flex;} .page-id-29 .multimgP img{height:160px;} #menu{right:0px; left:36.5%;} ul li{margin-right:2px; padding-right:2px; padding-left:2px;} .wp-caption-text, .multimg img{margin-left:19px;} .wp-caption-text {margin-bottom:5px; margin-top:-2px; margin-left:19px;} div.tab button{margin-left:0px;} div.tab{top:40px; padding-top:0px; width:34%; left:20px;} .tabcontent{top:40px; height:88%;} .hiddenImgPublications{width:95% !important;} .hiddenImgStatement{width:95% !important;} .hiddenImgText{width:95% !important;} .hiddenImgMainRecipe{width:95% !important;} .hiddenImgRecipe{width:95% !important;} .hiddenImgDownloads{width:95% !important;} .hiddenImgBlog{width:95% !important;} .hiddenImgColophon{width:95% !important;} .imgContainerPortrait{display:none;} .imgContainerPortrait img{height:100%; width:auto; margin-bottom:15%;} } /*@media screen and (max-width: 800px) and (min-width: 768px){ .imgContainerPortrait{display:none;} div.tab{display:none;} #menu{font-size:11px;} }*/ @media screen and (max-width: 768px) and (orientation:portrait) { .page-id-2 #site-title{width:auto; top:0px; left:0px; margin:6% 0px 0px 3%; padding:0px;} .page-id-2 .intro{width:65%; top:0px; left:0px; margin:20% 0px 0px 3%; padding:0px; color:white; z-index:9999999999999;} .page-id-2 #legende{display:none; color:white; position:fixed; width:65%; left:0; bottom:0; margin:0 0 2% 3%; padding:0px;} /*.page-id-2 .logos{width:65%; bottom:0px; right:0px; margin:0 3% 2% 0px; padding:0px;} .page-id-2 .logos ul li{display:inline; float:right; margin-right:0px;}*/ .page-id-29 .logos ul li img{width:auto; height:22px; margin:0px; padding:0px; } .page-id-29 .ms-view{display:none;} .page-id-29 .slider-kit-landscape{display:none;} .page-id-29 .slider-publications-landscape{display:none;} .page-id-846 .slider-B-landscape{display:none;} #site-title{width:auto;} ul li{margin-left:18px; margin-right:0;} .tabcontent{top:100px; width:100%; padding-top:50px; height:730px; overflow-y:scroll; overflow:auto;} .tabcontent:after{content:'\A\A\A\A\A\A\A\A\A\A\A\A\A'; display: block; white-space: pre-wrap;} .tabcontent p{left:0px; width:91%;} .tabcontent2{top:82%; width:100%; left:0px; height:150px; display:block; -webkit-animation:none; animation:none; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(right top, left top, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} .tabcontentI{position:fixed; z-index:20; left:0px; top:90px; width:100%; height:70px; display:block; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(right bottom, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} .menu li.A a:before{content:none;} .menu li.B a:before{content:none;} .menu li.C a:before{content:none;} .menu li.D a:before{content:none;} @-webkit-keyframes transition { from {opacity: 0; top:768px;} to {opacity: 1; top:100px;} } @keyframes transition { from {opacity: 0; top:768px;} to {opacity: 1; top:100px;} } .formClass{display:block; top:93.5%;} .backForm{display:block; background:none;} .imgContainerPortrait{display:none; left:0px; top:18%; width:100%; height:60%; text-align:center;} .imgContainerPortrait img{height:96%; width:auto; margin-bottom:15%;} .mobilePImg{display:none; left:0px; top:18%; width:100%; height:60%; text-align:center;} .mobilePImg img{height:100%; width:auto; margin-bottom:15%;} #cc{ display:inline-block; width:95%; } .ccleft{width:95%;} .ccright{width:95%;} } @media screen and (max-width: 736px) and (orientation:landscape) { .page-id-2 .ms-view{top:-130px;} .page-id-2 #site-title{-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);} .page-id-2 #site-title{width:100%; margin:9% 0px 0px 3%;} .page-id-2 .intro{width:45%; top:0px; left:0px; margin:18% 0% 0px 3%;} /*.page-id-2 .logos{width:90%; bottom:0px; right:0px; margin:0 0% 2% 0px; padding:0px;}*/ .page-id-29 .logos ul li img{height:17px; margin:0px; padding:0px;} .page-id-29 .ms-view{width:700px !important; height:300px !important; top:25px !important;} /* workin' on css*/ #site-title{-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); font-size:28px; margin:0px; padding:0px; left:-65px; top:160px;} .multimg{width:80%; height:87%; top:50px; left:10%; justify-content:space-between; -webkit-justify-content:space-between; display:flex; display:-webkit-flex;} .multimg img{height:160px; pointer-events:none;} .wp-caption-text, .multimg img{margin-right:0px;} .page-id-29 .multimg{width:80%; height:87%; top:50px; left:10%; justify-content:space-between; -webkit-justify-content:space-between; display:flex; display:-webkit-flex;} .page-id-29 .multimg img{height:160px; pointer-events:none;} .page-id-29 .wp-caption-text, .page-id-29 .multimg img{margin-right:0px;} .page-id-29 .multimgP{width:80%; height:87%; top:50px; left:10%; justify-content:space-between; -webkit-justify-content:space-between; display:flex; display:-webkit-flex;} .page-id-29 .multimgP img{height:160px; pointer-events:none;} .page-id-29 .multimgP img{margin-right:0px;} #menu{top:10px; right:18px;} #menu ul li{margin-left:2px; margin-right:2px;} ul li{display:inline; margin-right:20px;} #menu ul li a{display:none;} li.current-menu-item a{display:block !important; position:fixed; left:20px; top:25px; font-size:28px;} /*end**********/ .hiddenImgPublications{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgStatement{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgText{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgMainRecipe{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgRecipe{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgDownloads{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgBlog{display:none; top:25px; width:94%; height:85.8%;} .hiddenImgColophon{display:none; top:25px; width:94%; height:85.8%;} #legende{right:2.2%;} div.tab{top:15px; width:48%; height:65px; display:none;} div.tab button{} .tabcontent{top:45px !important; width:100%; height:110% !important; padding-top:15%; background:white;} .tabcontent p{width:85%; top:-170px; left:10%; margin:0; padding:0; background:white; font-size:13px; line-height:17px; overflow:scroll-y;} .tabcontent2{top:25px; width:200px; left:295px; height:297px; } .tabcontent:after{content:'\A\A\A\A\A\A\A\A\A'; display: block; white-space: pre-wrap;} @-webkit-keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:18px;} } @keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:18px;} } @-webkit-keyframes transition2 { from {opacity: 0; left:-200px;} to {opacity: 1; left:295px;} } @keyframes transition2 { from {opacity: 0; left:-200px;} to {opacity: 1; left:295px;} } .slider-kit-landscape{display:none;} .slider-B-landscape{display:none;} .imgContainerPortrait{display:none !important;} .left{display:inline;} .middle{display:inline;} .right{display:none;} .middle:after{content:"(…)";} } @media screen and (max-width: 684px) and (orientation:landscape) { .page-id-2 .ms-view{top:-120px;} div.tab{height:60px;} .tabcontent p{width:85%; top:-165px;} .imgContainerPortrait{display:none;} } @media screen and (max-width: 667px) and (orientation:landscape) { .page-id-29 .ms-view{width:635px !important; height:260px !important; top:25px !important;} #site-title{padding-top:10px; padding-left:18px; left:-80px;} #menu{top:10px; right:18px;} #menu ul li{margin-left:2px; margin-right:2px;} #legende{right:2.2%;} div.tab{top:25px; height:50px;} div.tab button{} .tabcontent{top:25px; height:240px;} .tabcontent2{top:25px; width:200px; left:295px; height:297px;} .tabcontent p{top:-155px;} @-webkit-keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:17px;} } @keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:17px;} } } @media screen and (max-width: 600px) and (orientation:landscape) { .page-id-2 .ms-view{height:550px; top:-50px;} .page-id-29 .ms-view{width:570px !important; height:240px !important; top:25px !important;} #site-title{padding-top:10px;} #menu{top:10px;} #menu ul li{margin-right:1px; } #legende{right:2.2%;} div.tab button{} .tabcontent{top:25px; height:220px;} .tabcontent p{top:-150px;} @-webkit-keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:15px;} } @keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:15px;} } } @media screen and (max-width: 568px) and (orientation:landscape) { .page-id-2 .ms-view{top:-110px;} .page-id-29 .ms-view{width:525px !important; height:85% !important; top:25px !important;} #site-title{padding-top:10px;} #menu{top:10px; right:10px;} #menu ul li{margin-right:12px;} #legende{right:3.3%;} div.tab button{} div.tab{height:40px;} .tabcontent{top:25px; height:79%;} .tabcontent p{top:-130px;} @-webkit-keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:15px;} } @keyframes transition { from {opacity: 0; left:-480px;} to {opacity: 1; left:15px;} } } @media screen and (max-width: 414px) and (orientation:portrait) { .page-id-2 .ms-slide-bgcont{height:736px !important; width:auto;} .page-id-2 .ms-view{height:736px !important; width:600px; left:-80px;} .page-id-2 .ms-slide-bgcont img{height:736px !important; width:auto;} .page-id-2 #site-title{width:90%; top:0px; left:0px; margin:6% 0px 0px 3%; padding:0px;} .page-id-2 .intro{width:90%; top:0px; left:0px; margin:20% 0px 0px 3%; padding:0px;} /*.page-id-2 .logos{width:30%;}*/ .page-id-29 .logos ul li img{width:auto; height:23px; margin:0px; padding-top:10px;} #menu{top:60px; left:0px; padding-left:20px; height:30%; background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );} ul li{display:block !important; line-height:24px; margin-left:0px;} div.tab button{margin-left:0px;} .tabcontent:after{content:'\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A\A';} .tabcontent{top:200px; width:100%; height:500px; padding-top:100px; } .tabcontent2{top:83%; width:100%; height:120px;} .tabcontentI{position:fixed; z-index:20; left:0px; top:195px; width:100%; height:70px; background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -webkit-gradient(right bottom, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.85)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 35%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );} .menu li.A a:before{content:"19'' Living Rack ";} .menu li.B a:before{content:"Processing Library ";} .menu li.C a:before{content:"5 Folders Cloud ";} .menu li.D a:before{content:"5 Connected Objects ";} .left{display:inline;} .middle{display:none;} .right{display:none;} .left:after{content:"(…)";} .imgContainerPortrait{top:38%; left:0px; width:100%; height:46%; text-align:center; } .imgContainerPortrait img{height:90%;} .mobilePImg img{height:94%;} @-webkit-keyframes transition { from {opacity: 0; top:736px;} to {opacity: 1; top:200px;} } @keyframes transition { from {opacity: 0; top:736px;} to {opacity: 1; top:200px;} } } @media screen and (max-width: 384px) and (orientation:portrait) { .page-id-2 .ms-slide-bgcont{height:600px !important; width:auto;} .page-id-2 .ms-view{height:600px !important; width:600px; left:-30px;} .page-id-2 .ms-slide-bgcont img{height:600px !important; width:auto;} div.tab button{} .tabcontent p{width:88%;} .tabcontent{top:200px; height:400px; } .tabcontent2{top:68%; height:140px;} @-webkit-keyframes transition { from {opacity: 0; top:400px;} to {opacity: 1; top:180px;} } @keyframes transition { from {opacity: 0; top:400px;} to {opacity: 1; top:180px;} } } @media screen and (max-width: 375px) and (orientation:portrait) { .page-id-2 .ms-slide-bgcont{height:667px !important; width:auto;} .page-id-2 .ms-view{height:667px !important; width:600px; left:-50px;} .page-id-2 .ms-slide-bgcont img{height:667px !important; width:auto;} .page-id-29 .logos ul li img{height:21px;} #menu{} .tabcontent{} .tabcontent2{top:78%;} @-webkit-keyframes transition { from {opacity: 0; top:375px;} to {opacity: 1; top:190px;} } @keyframes transition { from {opacity: 0; top:375px;} to {opacity: 1; top:190px;} } .imgContainerPortrait{top:38.1%;} } @media screen and (max-width: 320px) and (orientation:portrait) { .page-id-2 .ms-slide-bgcont{height:540px !important; width:auto;} .page-id-2 .ms-view{height:540px !important; width:600px; left:-40px;} .page-id-2 .ms-slide-bgcont img{height:540px !important; width:auto;} #menu{top:55px;} .tabcontent p{width:93%;} .tabcontent{top:150px; width:89%; height:400px;} .tabcontent2{top:87%; width:100%; height:60px;} @-webkit-keyframes transition { from {opacity: 0; top:375px;} to {opacity: 1; top:150px;} } @keyframes transition { from {opacity: 0; top:375px;} to {opacity: 1; top:150px;} } } @media screen and (max-width: 320px) and (orientation:landscape) { }